import React, { Component } from 'react';
import Obj from './Obj.jsx'
class App extends Component {
    constructor(props) {
        super(props)
        this.state = {
            objCfg: {
                name: 1,
                age: 2,
                id: 'strong',
                home: 'dwa'
            },
            ArrObj: [],
            xiugai: {
                name: null,
                age: null,
                id: '',
                home: ''
            },
            index: 0
        }
    }
    render() {
        const { objCfg, ArrObj, xiugai, index } = this.state
        return (
            <>
                <div>
                    <Obj objCfg={objCfg} ArrObj={ArrObj} xiugai={xiugai} index={index} />
                </div>
            </>
        )
    }
}
export default App
/*
一.界面
三块内容
1.内容仅为添加
2.添加空表单或编辑有内容表单
3.表单保存成功后的列表显示
二.对应添加点击(编辑,添加,保存)
可以实现界面切换
三.业务开发
1.表单可以实现双向数据绑定
2.空白点击表单保存,数据push 倒数组里
3.并且切换到显示界面
4.显示页面使用数组理数据进行map 循环
5.可以继续添加空白表单

公司支撑


*/